<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

    <title>登录</title>
    <meta name="keywords" content="H+后台主题,后台bootstrap框架,会员中心主题,后台HTML,响应式后台">
    <meta name="description" content="H+是一个完全响应式，基于Bootstrap3最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术">
    <link href="<c:url value="/resources/hplus/lib/css/bootstrap.min.css?v=3.3.6" />" rel="stylesheet">
    <link href="<c:url value="/resources/hplus/lib/css/font-awesome.css?v=3.3.6" />" rel="stylesheet">
    <link href="<c:url value="/resources/hplus/lib/css/style.min.css?v=3.3.6" />" rel="stylesheet">
    <link href="<c:url value="/resources/hplus/lib/css/login.min.css?v=3.3.6" />" rel="stylesheet">
    <script src="<c:url value="/resources/hplus/lib/js/jquery.min.js?v=2.1.4"/>"></script>

    <!--[if lt IE 9]>
    <meta http-equiv="refresh" content="0;ie.html"/><![endif]-->
    <script src="//hm.baidu.com/hm.js?dde6ba2851f3db0ddc415ce0f895822e"></script><script>
    if (window.top !== window.self) {
        window.top.location = window.location
    }
    ;
</script>

</head>

<body class="signin">
<div class="signinpanel">
    <div class="row">
        <div class="col-sm-7">
            <div class="signin-info">
                <div class="logopanel m-b">
                    <h1>[ BBS ]</h1>
                </div>
                <div class="m-b"></div>
                <h4>欢迎使用 <strong>BBS</strong></h4>
               <%-- <ul class="m-b">
                    <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> 优势一</li>
                    <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> 优势二</li>
                    <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> 优势三</li>
                    <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> 优势四</li>
                    <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> 优势五</li>
                </ul>--%>
                <strong>还没有账号？
                    <a href="<c:url value="/mobile/login/user/goregister.json" />">立即注册»</a>
                </strong>
            </div>
        </div>
        <div class="col-sm-5">
                <h4 class="no-margins">登录：</h4>
                <p class="m-t-md">welcome,登录到BBS</p>
                <input class="form-control uname" placeholder="用户名" type="text" name="username" id="username">
                <input class="form-control pword m-b" placeholder="密码" type="password" name="password" id="password">
                <%--<a href="">忘记密码了？</a>--%>
                <input type="button" class="btn btn-success btn-block" onclick="subLogin();" value="登录"></input>
                <script>
                    function subLogin() {
                        var username = $("#username").val();
                        var password = $("#password").val();
                        if($.trim(username)==""||$.trim(password)==""){
                            alert("用户名或者密码不可为空");
                            return;
                        }
                        $.post('<c:url value="/mobile/login/user/login.action"/>', {username:username,password:password}, function(data) {
                            if(data.status===0){
                                window.location.href="http://localhost:8080/mobile/article/listJson.json";
                            }else {
                                alert(data.msg);
                            }
                        }, 'json');
                    }
                </script>
        </div>
    </div>
    <div class="signup-footer">
        <div class="pull-left">
            © 2015 All Rights Reserved. BBS
        </div>
    </div>
</div>



</body></html>